html,
body {
	padding: 0;
	margin: 0;
}

.dg.ac{display: none;}

.animated {
	-webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	visibility: hidden;
}

.ani-wrap {
	height: 100vh;
	top: 0;
	left: 0;
	width: 100%;
	position: fixed;
	z-index: 9999999;
	/*background: url(../images/lightbg.jpg) no-repeat;
	/*background-size: 100% 100%;*!*/
	/*background-image: linear-gradient(6deg, rgba(255, 187, 50, 0.8), rgba(180,0,7,.9));*/
	background-size: 100% 100%;
}
.ani-wrap *{
	box-sizing: content-box;
}

/*table盒模型*/

.flex-tab {
	display: table;
	position: relative;
	width: 100%;
	table-layout: fixed;
}

.flex-tab-cell {
	display: table-cell;
	vertical-align:top;
	position: relative;
}

.ani-wrap .con-1200 {
	width: 1200px;
	position: relative;
	margin: 0 auto;
	text-align: center;
}

.h_full {
	height: 100%;
}

.ani-con {
	/*background: url(../images/cloud.png) no-repeat center center;*/
	position: relative;
	background-size: 100% auto;
	transform: scale(1)
}

.anibtm {
	position: absolute;
	left: 0;
	bottom: 0
}

.anitop {
	position: absolute;
	right: 0;
	top: 0
}
.anitop-left {
	position: absolute;
	left: 0;
	top: 0
}
.shanzi-text {
	width: 820px;
	height:920px;
	margin: 0 auto;
	
	background-size: 100% auto;
	position: relative;
	z-index:-1;
}

.shanzi-text .bigtext{
	width:80%;
	position:absolute;
	top:19%;
}

canvas {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 10
}

.yuanbao {
	position: absolute;
	left: -100px;
	bottom: -100px
}

.shanzi-text .bigtext {
	position: relative;
	z-index: 11
}

.ani-wrap .light {
	position: absolute
}
.ani-wrap .light img{
	width: 100%;
}
.ani-wrap .light1 {
	left: -120px;
	top: 0px;
	z-index: 10;
}

.ani-wrap .light1 img {
	animation: updown 4s ease-in 0s infinite;
}

.ani-wrap .light2 {
	left: 100px;
	top: 0px;
	z-index: 4;
}

.ani-wrap .light2 img {
	animation: updown 6s ease-in 0s infinite;
}

.ani-wrap .light3 {
	right: 180px;
	top: 0px;
	z-index: 4;
}

.ani-wrap .light3 img {
	animation: updown 5s ease-in 0s infinite;
}

.ani-wrap .light4 {
	right: -10px;
	top: 0px;
	z-index: 10;
}

.ani-wrap .light4 img {
	animation: updown 6s ease-in 0s infinite;
}
.left-text{		
	position: absolute;
	left:5%;
	bottom:6%;
}
.right-text{		
	position: absolute;
	right:5%;
	bottom:6%;
}

.shunian {
	display: block;
	margin: 70px auto 50px auto;
	z-index:999;

}

.flower {
	position: absolute;
	right: -150px;
	bottom: 360px;
}

.flowerimg {
	animation: rotate 4s linear 0s infinite;
	width: 100%;
}

@keyframes bounceIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(.3);
		-ms-transform: scale(.3);
		transform: scale(.3);
	}
	50% {
		opacity: 1;
		-webkit-transform: scale(1.05);
		-ms-transform: scale(1.05);
		transform: scale(1.05);
	}
	70% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes updown {
	0% {
		transform: translateY(-30px);
		opacity: 1;
	}
	60% {
		transform: translateX(0px);
		opacity: 1;
	}
	100% {
		transform: translateY(-30px);
		opacity: 1;
	}
}

@keyframes rotate {
	0% {
		transform: rotateZ(0deg);
	}
	100% {
		transform: rotateZ(360deg);
	}
}

/*媒体查询*/
	@media (max-width: 1024px){
		.anitop{
			width: 25%;
		}
		.anitop-left{
			width: 25%;
		}
   		.anibtm{
   			width:100%;
   		}
   	    .ani-wrap .con-1200{
   			width: 70%;
   		}
   		.shanzi-text{
   			width: 60%;
   		}
   		.ani-wrap .light {
   			width: 120px;
   		}
   		.ani-wrap .light1 {
   			left: -60px;
   			width: 150px;
   		}
   		.ani-wrap .light2 {
   			left: 80px;
   		}
   		.ani-wrap .light3 {
   			right: 80px;
   		}
   		.ani-wrap .light4 {
   			right: -60px;
   			width: 150px;
   		}
   		.shunian {
			margin: -200px auto 50px auto;
			width: 300px;
		}
		
	
	
		.yuanbao {
			left: -80px;
			bottom: 140px;
			width: 300px;
		}
		.flower {
			right: -100px;
			bottom: 260px;
			width:70px;
		}

    }
   @media (min-width: 1024px){
   		.anitop{
   			width: 25%;
   		}
	   .anitop-left{
		   width: 25%;
	   }
   		.anibtm{
   			width: 100%;
   		}
   	    .ani-wrap .con-1200{
   			width: 70%;
   		}
   		.shanzi-text{
   			width: 60%;
   		}
   		.ani-wrap .light {
   			width: 120px;
   		}
   		.ani-wrap .light1 {
   			left: -60px;
   			width: 150px;
   		}
   		.ani-wrap .light2 {
   			left: 80px;
   		}
   		.ani-wrap .light3 {
   			right: 80px;
   		}
   		.ani-wrap .light4 {
   			right: -60px;
   			width: 150px;
   		}
   		.shunian {
			margin: -200px auto 50px auto;
			width: 300px;
		}
	
		.yuanbao {
			left: -80px;
			bottom: 140px;
			width: 300px;
		}
		.flower {
			right: -100px;
			bottom: 260px;
			width:70px;
		}
		.left-text{
			width: 30%;
		}
		.right-text{
			width: 30%;
		}
    } /*>=1024的设备*/

    @media (min-width: 1100px) {
    	.anitop{
   			width: 20%;
   		}
		.anitop-left{
			width:20%;
		}
   		.anibtm{
   			width:100%;
   		}
   	    .ani-wrap .con-1200{
   			width: 75%;
   		}
   		.shanzi-text{
   			width:60%;
   		}
   		.ani-wrap .light {
   			width: 150px;
   		}
   		.ani-wrap .light1 {
   			left: -60px;
   			width: 170px;
   		}
   		.ani-wrap .light2 {
   			left: 80px;
   		}
   		.ani-wrap .light3 {
   			right: 80px;
   		}
   		.ani-wrap .light4 {
   			right: -60px;
   			width: 170px;
   		}
   		.shunian {
			margin: -150px auto 50px auto;
			width: 360px;
		}
		.left-text{
			width: 30%;
		}
		.right-text{
			width: 30%;
		}
		.yuanbao {
			left: -80px;
			bottom: 140px;
			width: 300px;
		}
		.flower {
			right: -100px;
			bottom: 260px;
			width:70px;
		}
    } /*>=1100的设备*/
    @media (min-width: 1280px) {
    	.anitop{
   			width: 20%;
   		}
		.anitop-left{
			width:20%;
		}
   		.anibtm{
   			width:100%;
   		}
   	    .ani-wrap .con-1200{
   			width: 65%;
   		}
   		.shanzi-text{
   			width: 60%;
   		}
   		.ani-wrap .light {
   			width: 150px;
   		}
   		.ani-wrap .light1 {
   			left: -60px;
   			width: 170px;
   		}
   		.ani-wrap .light2 {
   			left: 80px;
   		}
   		.ani-wrap .light3 {
   			right: 80px;
   		}
   		.ani-wrap .light4 {
   			right: -60px;
   			width: 170px;
   		}
   		.shunian {
			margin: -190px auto 50px auto;
			width: 300px;
		}
		.left-text{
			width: 30%;
		}
		.right-text{
			width: 30%;
		}
		.yuanbao {
			left: -60px;
			bottom: 100px;
			width: 300px;
		}
		.flower {
			right: -100px;
			bottom: 200px;
			width:70px;
		}
    } /*>=1280的设备*/

    @media (min-width: 1366px) {
		.anitop{
   			width: 25%;
   		}
		.anitop-left{
			width:25%;
		}
   		.anibtm{
   			width: 100%;
   		}
   	    .ani-wrap .con-1200{
   			width: 60%;
   		}
   		.shanzi-text{
			   width:60%;
			   height:85%;
   		}
   		.ani-wrap .light {
   			width: 150px;
   		}
   		.ani-wrap .light1 {
   			left: -100px;
   			width: 180px;
   		}
   		.ani-wrap .light2 {
   			left: 100px;
   		}
   		.ani-wrap .light3 {
   			right: 80px;
   		}
   		.ani-wrap .light4 {
   			right: -60px;
   			width: 180px;
   		}
   		.shunian {
			margin: -20px auto 50px auto;
			width: 300px;
		}
		.left-text{
			width: 30%;
		}
		.right-text{
			width: 30%;
		}
		.yuanbao {
			left: -60px;
			bottom: 100px;
			width: 300px;
		}
		.flower {
			right: -100px;
			bottom: 200px;
			width:70px;
		}
    }  

    @media (min-width: 1440px) {
    	.anitop{
   			width: 25%;
   		}
		.anitop-left{
			width:25%;
		}
   		.anibtm{
   			width:100%;
   		}
		   .ani-wrap .con-1200{
			width:60%;
		}
		.shanzi-text{
			width:60%;
			height:85%;
		}
   		.ani-wrap .light {
   			width: 170px;
   		}
   		.ani-wrap .light1 {
   			left: -100px;
   			width: 200px;
   		}
   		.ani-wrap .light2 {
   			left: 100px;
   		}
   		.ani-wrap .light3 {
   			right: 80px;
   		}
   		.ani-wrap .light4 {
   			right: -60px;
   			width: 200px;
   		}
   		.shunian {
			margin: -30px auto 50px auto;

			width:40%;
		}
		
		.yuanbao {
			left: -60px;
			bottom: 100px;
			width: 300px;
		}
		.flower {
			right: -100px;
			bottom: 200px;
			width:70px;
		}
    } 

    @media (min-width: 1680px) {
    	.anitop{
   			width: 26%;
   		}
		.anitop-left{
			width:26%;
		}
   		.anibtm{
   			width:100%;
   		}
		   .ani-wrap .con-1200{
			width:60%;
		}
		.shanzi-text{
			width:60%;
			height:85%;
		}
   		.ani-wrap .light {
   			width: 220px;
   		}
   		.ani-wrap .light1 {
   			left: -100px;
   			width: 250px;
   		}
   		.ani-wrap .light2 {
   			left: 100px;
   		}
   		.ani-wrap .light3 {
   			right: 140px;
   		}
   		.ani-wrap .light4 {
   			right: -60px;
   			width: 250px;
   		}
   		.shunian {
			margin: -60px auto 50px auto;

			width: 420px;
		}
		
		.yuanbao {
			left: -50px;
			bottom: -50px;
			width: 420px;
		}
		.flower {
			right: -100px;
			bottom: 260px;
			width:80px;
		}
    } 
    @media (min-width: 1920px) {
		.ani-wrap .con-1200{
			width:60%;
		}
		.shanzi-text{
			width:60%;
			height:85%;
		}
    } 
